<template>
    <div class="wrap">
      <div class="moudle-title">公 告</div>
        <div class="content-list">
            <div class="content-item" v-for="(item,index) in noticeData" :key="index">
                <div>{{item.name}}</div>
                <div>{{item.time}}</div>
            </div>
        </div>
    </div>
  </template>
    
  <script>
  import {  reactive, ref, toRefs } from 'vue'
  
  export default {
    name: 'rightTop',
    setup() {
      const multipleTable = ref(null)
      //   const router = useRouter()
      const state = reactive({
        timeInter: null,
        time: '',
        noticeData:[
            {
                name:'关于xxx的信息公告',
                time:'2022-03-33 11:32'
            },
            {
                name:'关于xxx的信息公告',
                time:'2022-03-33 11:32'
            },
            {
                name:'关于xxx的信息公告',
                time:'2022-03-33 11:32'
            },
            {
                name:'关于xxx的信息公告',
                time:'2022-03-33 11:32'
            }
        ]
      })
  
  
      //   const handleAdd = () => {
      //     router.push({ path: '/add' })
      //   }
      //   const handleEdit = (id) => {
      //     router.push({ path: '/add', query: { id } })
      //   }
  
      return {
        ...toRefs(state),
        multipleTable,
      }
    },
 
  }
  </script>
    
  <style scoped lang='scss'>
  .wrap {
    padding: 10px 0 0 0;
  }
  .moudle-title {
    color: #50e9ff;
    font-size: 16px;
    text-align: center;
  }
.content-list{
    padding: 0 30px;
    color: #147dcf;
    font-size: 14px;
    margin-top: 20px;
    .content-item{
        display: flex;
        margin-top: 5px;
        justify-content: space-between;
        .notice-n{
            display: flex;
            align-items: center;
        }
        img{
            width: 10px;
            height: 10px;
            vertical-align:bottom;
            margin-top: 5px;
         
        }
        .notice-name{
            vertical-align:bottom;
        }
    }
}

  </style>